{extend name="public/menu2" /}
{block name='title'}-{$cur.name}{/block}

{block name='content'}

<div class="right_content">
    <!-- 公司简介 -->
    <div class="brief">
        <div class="brief_content">
            <div class="left">
                <p class="cell_title">{$content[0]['title']}<span>:::</span></p>
                <div class="txt">
                    <!-- start -->
                    {$content[0]['content']['content']|raw|default=''}
                    <!-- end -->
                </div>
            </div>
            <div class="right">
                <p class="image"><img src="{$content[0]['content']['thumb']}" alt=""></p>
                <p class="txt"><img src="__STATIC__/index/img/boda.png" alt=""></p>
            </div>
        </div>
    </div>
</div>
</div>
<!-- 企业文化 -->
<div class="cell culture">
    <div class="cell_content">
        <p class="cell_title">{$content[1]['title']}<span>:::</span></p>
        <ul>
            {foreach $content[1]['content'] as $v}
            <li>
                <p class="img"><img src="{$v.content.thumb}" alt=""></p>
                <div>
                    <p class="title">{$v.content.title}</p>
                    <p class="content">{$v.content.content|raw}</p>
                </div>
            </li>
            {/foreach}

        </ul>
    </div>
</div>
<!-- 股东背景 -->
<div class="cell background">
    <div class="cell_content">
        <p class="cell_title">{$content[2]['title']}<span>:::</span></p>
        <div class="content">
            <!-- start -->
            {$content[2]['content']['content']|raw|default=''}
            <!-- end -->
        </div>
    </div>
</div>
<!-- 公司荣誉 -->
<div class="cell honors">
    <div class="cell_content">
        <div class="fr">
            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
        <p class="cell_title">{$content[3]['title']}<span>:::</span></p>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <!-- start -->
                {foreach $content[3]['content'] as $v}
                <div class="swiper-slide">
                    <p class="img">
                        <img src="{$v.content.thumb}" alt="">
                    </p>
                    <p class="txt more_row">{$v.content.title}</p>
                </div>
                {/foreach}
                <!-- end -->
            </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
    </div>
</div>
{/block}

{block name='script'}
<link rel="stylesheet" href="__STATIC__/index/css/companyProfile.css">
<script src="__STATIC__/index/js/swiper.min.js"></script>
<script>
    $(function () {
        var mySwiper = new Swiper('.swiper-container', {
            watchOverflow: true,//因为仅有1个slide，swiper无效
            slidesPerView: 4,
            slidesPerGroup: 4,
            spaceBetween: 50,
            // 如果需要分页器
            pagination: {
                el: '.swiper-pagination',
            },
            // 如果需要前进后退按钮
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
    })
</script>

{/block}